*{
	list-style:none;
}

body {
	background-color: #2b3a3c;
	color: #2d2e2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	/* Centers the page content container in IE 5 browsers. */
	
}

#outerWrapper {
	background-color: #fff;
	margin: 0 auto 0 auto;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: left;
	/* Redefines the text alignment defined by the body element. */
	width: 80em;
}

#outerWrapper #header {
	background-color: #8ab573;
	border-bottom: solid 1px #628152;
	/* Sets the bottom border properties for an element using shorthand notation */
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.7em;
	padding: 10px 10px 10px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#outerWrapper #contentWrapper #rightColumn {
	background-color: #eef6ed;
	border-left: solid 1px #8ab573;
	/* Sets the left border properties for an element using shorthand notation */
	float: right;
	padding: 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 14em;
	height: 200px;
}

#outerWrapper #contentWrapper #leftColumn {
	background-color: #eef6ed;
	border-right: solid 1px #8ab573;
	/* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 14em;
	height: 200px;
}

#outerWrapper #contentWrapper #content {
	margin: 0 16em 0 16em;
	/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 10px 10px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
}

#outerWrapper #footer {
	background-color: #8ab573;
	border-bottom: solid 1px #628152;
	/* Sets the bottom border properties for an element using shorthand notation */
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.7em;
	padding: 10px 10px 10px 10px;
	/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

.loginButton {
	width: 20px;
	height: 20px;
	background: #FFFFFF;
}

.colMenuBar {
	width: 300px;
}

.colContent {
	width: 100%;
}

.col1 {
	width: 20%;
}

.col2 {
	width: 30%;
}

.col3 {
	width: 50%;
}

.col1 {
	width: 20%;
}

.col2 {
	width: 30%;
}

.col3 {
	width: 50%;
}

.coll3 {
	width: 33%;
	text-align: left;
}

.cold3 {
	width: 34%;
	text-align: center;
	white-space: nowrap;
}

.colm3 {
	width: 33%;
	text-align: right;
	white-space: nowrap;
}

.column1 {
	width: 50%;
	text-align: left;
}

.column2 {
	width: 50%;
	text-align: right;
}
